<style>
.log_info_content{text-align: left;letter-spacing: 2px;line-height: 20px;}
</style>
<div class="page_title">
    <h2 class="fl">{$pageTitle}</h2>
    <div class="fr">
    <a class="top_rt_btn iconfont iconfont-guanli" id="log_export" href="javascript:void(0);">导出日志</a>
    </div>
</div>
<section>
<!--左右分栏：左侧栏目-->
<div class="cont_col_lt" style="min-height:500px;min-width: 80%;">
    <table class="table">
        <tr>
            <th>编号</th>
            <th>操作简述</th>
            <th>操作时间</th>
            <th>操作类别</th>
            <th>操作人员</th>
            <th>操作</th>
        </tr>
        {volist name="list.data" id="vo"}
        <tr>
            <td class="center">{$vo.log_id}</td>
            <td class="center ellipsis" style="width:260px;max-width: 260px;">{$vo.content}</td>
            <td>{$vo.ctime}</td>
            <td class="center">{$vo.type}</td>
            <td class="center">{$vo.uname}</td>
            <td class="center">
                <a href="JavaScript:void(0);"  data-key="{:encrypt_id($vo.log_id)}" class="inner_btn show">查看详情</a>
            </td>
            
        </tr>
        {/volist}
    </table>
    <aside class="paging">
        {$list.html}
    </aside>
</div>
<section class="show_info" style="display: none;font-size: 14px;text-align: left;" >
    <table class="table" style="font-size: 14px;">
        <tr>
            <th style="min-width: 64px;">日志编号</th>
            <th>操作时间</th>
            <th>操作类别</th>
            <th>操作人员</th>
        </tr>
        <tr>
            <td class="log_info_id"></td>
            <td class="log_info_ctime"></td>
            <td class="log_info_type"></td>
            <td class="log_info_uname"></td>
        </tr>
        <tr>
            <th colspan="4">操作详述</th>
        </tr>
        <tr>
            <td colspan="4" class="log_info_content"></td>
        </tr>
    </table>
</section>
<!--左右分栏：右侧栏-->
<div class="cont_col_rt border right_notice" style="max-width: 15%;">
    <div class="iconfont iconfont-suoding1 title"> 提示</div>
    <div class="text">系统日志仅保留最近三个月的日志,如果有需要,请点击导出日志</div>
</div>
</section>
<script>
$(function(){
    /** 点击查看详情 **/
    $(".show").click(function(){
        var _inobj = $(this).parents("tr");
        var _show_info_obj = $(".show_info");
            _show_info_obj.find(".log_info_id").html(_inobj.find("td:eq(0)").html());
            _show_info_obj.find(".log_info_content").html(_inobj.find("td:eq(1)").html());
            _show_info_obj.find(".log_info_ctime").html(_inobj.find("td:eq(2)").html());
            _show_info_obj.find(".log_info_type").html(_inobj.find("td:eq(3)").html());
            _show_info_obj.find(".log_info_uname").html(_inobj.find("td:eq(4)").html());
        msg({
            html:$(".show_info").html(),
            yes:'确定',
            ext:{
                padding:40,
                allowOutsideClick:false
            }
        },'html',0);
        return false;
    });
    /** 点击导出日志 **/
    $("#log_export").click(function(){
        var url = U('admin/System/log_export');
        location.href = url;
    })
})
</script>